@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}
.menu_sub .list-unstyled dl dd a{color:#fff}
img{border:0px; padding:0px; }

a{ color:#5c5c5c; text-decoration:none}




    
.top{ width: 100%; height: 120px; background: #003f7e; position: fixed; top: 0; left: 0; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.top .topBox{ width: 1600px; margin: 0 auto;}
 .nav_mbx{ background:#f5f5f5;  margin-bottom:10px}    
.top_height{ height:120px;}
.clear{ clear:both}

.w1600{width:1600px; margin: 0 auto;}

.top .topBox .UpLink{ width: 100%;}

.top .topBox .UpLink ul{ }

.top .topBox .UpLink ul li{ margin-left: 25px; float: right; line-height: 36px; height: 36px; color: #fff;}

.top .topBox .UpLink ul li a{ color: #fff;}

.top .topBox .UpLink ul li .lang p{ width: calc(100% - 22px); float: left; line-height: 16px; color: #fff;}

.top .topBox .nr{ width: 100%; height: 85px;}

.top .nav a.enter, .top .nav a.enter:visited{color: #fff !important;}

.UpLink a:link,.UpLink a:visited{color: #fff}

.footer a:link, .footer a:visited{color: #fff !important;}

.top .topBox .nr .logo_pc{ float: left; line-height: 85px;}

.top .topBox .nr .logo_pc img{ display: inline-block; vertical-align: middle;}

.top .topBox .nr .serach{ background: #0081cc; float: right; width: 370px; padding: 10px 0; position: relative; box-sizing: border-box; height: 42px; border-radius:4px; margin-top: 20px;}

.top .topBox .nr .serach button{ width: 40px; height: 45px; position: absolute; right: 0; top: 0; background: url(../images/indexIcon_07.png) center center no-repeat; border: none;}

.top .topBox .nr .serach input{ color: #fff; line-height:25px; height:25px; width: calc(100% - 40px); display: block;  border-right:1px solid #fff; text-indent: 15px;}

.top .topBox .nr .serach input::-webkit-input-placeholder {color:#fff}





.top .topBox .nr .nav{ float: right; margin-right: 150px; margin-top:0px;}

.top .topBox .nr .nav ul{ float: right;}

.top .topBox .nr .nav ul li{ float: left; height: 85px; line-height: 85px; }

.top .topBox .nr .nav ul li .enter{ padding:0px 25px 0px 25px; display: block; position: relative; height: 100%; text-align: center; line-height: 85px; font-weight: bold; color: #fff; font-size: 24px;}

.top .topBox .nr .nav ul li .enter:after{ background:url(/newweb/images/sanjiaobg.png) center bottom no-repeat;}
.top .topBox .nr .nav ul li:hover a.enter{ background:url(/newweb/images/sanjiaobg.png) center bottom no-repeat;}
.top .topBox .nr .nav ul li:hover a{ right: auto; left: 0; width: 100%;}

.top .topBox .nr .nav ul li .nrBox{ display: none; width: 100%; position: absolute; height: auto; left: 0; top: 120px; background: #fff; z-index: 99999;border-bottom:solid 1px #d4d4d4; padding-bottom:20px;}

.top .topBox .nr .nav ul li .nrBox .main{ overflow: hidden; width: 1600px; margin: 0 auto; }

.top .topBox .nr .nav ul li .nrBox .main .mainBox{ float: left;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox h2{ line-height: 40px; font-size: 16px; font-weight: bold; color: #333;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox dl dd{line-height: 14px; font-size: 14px;color: #666;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox dl dd a{ color: #666; font-size: 14px;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox .icon{ width: 100%; margin-top: 20px;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox .icon img{ display: block; width: 100%; height: auto; }


.about .mainBox{ width:23%; height:415px; padding-left:2%}

.about .mainBox h2{text-align:left}

.about{ padding-left:10%; padding-right:10%; padding-top:25px;padding-bottom:25px;}

.about dd a{ width:100%; line-height:50px; height:50px;display:block; text-align:left}
.about dl dd{ text-align:left}

#prodds{ float:left;width:55%;} 

#prodds .ts_product{float:left; width:33.33%; text-align:center;border-right:1px solid #d4d4d4; height:400px}

#prodds .ts_icon{float:left; width:33.33%; text-align:center;border-right:1px solid #d4d4d4; height:400px}

#prodds .ms_product h3{ font-size:24px; line-height:50px;font-weight:600;}

#prodds .ms_product{float:left; text-align:center;width:33.33%;border-right:1px solid #d4d4d4;  height:400px}

#prodds .ts_product h3{ font-size:24px; line-height:50px;font-weight:600}

#prodds .ts_icon h3{ font-size:24px; line-height:50px;font-weight:600}
#prodds .ts_icon img{margin:0 auto; max-width:100%}

#prodds .ts_product dl dd{ text-align:left; line-height:40px; padding-left:30px;padding-right:30px;}





#prodds .ms_product img{display:block; width:80%;height:auto;text-align:center;margin:0 auto}

#prodds .ms_product p{ line-height:35px; padding-top:10px;}


#mainBox2{ width:22.5%; height:400px}
#mainBox1{width:18%;}
.cate2{ width:82%;overflow-y: auto; background:#e1e1e1; }
.cate3list{width:19%; float:left; margin-left:0.8%; margin-top:15px}
.cate3list a h3{ line-height:50px; text-align:center; background:#c4c4c4;font-size:16px; color:#656565; font-weight:600}
.cate3list dl{ padding-left:5px; padding-right:5px;  background:#c4c4c4; margin-bottom:5px; border:1px solid #c4c4c4; }
.cate3list dl dd{ text-align:center; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom:5px}
.cate3list dl dd .dgisg{ position:relative;}
.cate3list dl dd .img{ overflow:hidden;}
.cate3list dl dd .img img{ width:100%; height:auto;  }
.cate3list dl dd h4{ position:absolute; width:100%; height:35px; line-height: 35px; background:#003f7d;color:#fff;  font-size:14px; opacity: 0.6; bottom:0px; left:0px}
.cate3list dl dd:hover h4{ opacity: 0.8;}

.wendu{width:99%; margin-left:0.8%}
.width2 dl dd{float:left;width:49.2%;}
.wendu dl dd{float:left;width:19.3%;margin-right:0.5%}
#prod_nav1 .cate3list{width:19.8%}
#prod_nav1 .width2{width:39.6%}
.solu{ width:49%; float:left;}
.solu a h3{ line-height:60px; text-align:center; background:#c4c4c4;font-size:20px; color:#003F7E; font-weight:600}
.solu dl{ padding-top:5px; padding-bottom:5px;}
.solu dl dd{ width:33%; margin-right:0.5%; float:left; text-align:center; position:relative; background:#fff; margin-bottom:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.solu dl dd h4{ position:absolute; width:100%; height:35px; line-height: 35px; background:#003f7d;color:#fff;  font-size:16px; opacity: 0.6; bottom:0px; left:0px}
.solu dl dd .img img{ width:100%; height:auto; }
.soluright{float:right}
.solu dl dd.mar0{ margin-right:0px;}
.solu dl dd:hover h4{ opacity: 0.8;}

.sub_nav ul li a h3{ text-align:center; background:#c4c4c4; line-height:50px; }
#sub_nav2{ width:22.5%; height:415px;overflow-y: auto;}
.main .prod{ width:55%}

.main #industres ul li{ text-align:center; line-height:30px; width:40%; padding:5%; text-align:center}

.main #industres ul li p{line-height:25px; padding-top:15px;}

.main #industres ul li p a{ text-align:center; line-height:25px; font-size:14px;}

.main #industres ul li img{ text-align:center; width:100%; height:auto}

.main #industres ul{ padding:30px;}

#dogd{ margin-top:15px}
#dogd dd{ padding-left:25px; padding-right:25px; text-align:center;  background:#646464; margin-bottom:15px; color:#fff; margin-right:20px}
#dogd dd a{ font-size:16px}
#dogd dd:hover{ background:#003f7d}
#dogd2 dd,#sub_nav2 dd{ padding-left:25px; padding-right:25px; background:#646464; margin-bottom:15px;}


#dogd dd a,#dogd2 dd a{ width:100%; line-height:45px; height:45px;display:block; color:#fff; font-weight:600} 

#sub_nav2 dd a{ width:100%; line-height:45px; height:45px;display:block;overflow:hidden}

#sub_nav2 dl dd:hover{background:#f2f2f2}
    

.footer{ width: 100%; background: #242424;}

.footer .footerBox{ padding: 60px; overflow: hidden;}

.footer .footerBox ul{ float: left; width:24%}

.footer .footerBox .bt{ height: 68px; line-height: 68px; border-bottom: 1px solid #4d4d4d; font-size: 20px; color: #fff; font-weight: bold; width: 150px;}

.footer .footerBox ul li{ color: #fff; font-size: 16px; margin-top: 20px;}

.footer .footerBox ul li a{ font-size: 16px; color: #fff;}

.footer .wls{text-align:center;  clear:both;  padding-top:10px;}

.footer .wls a{ padding:0px 15px 0px 15px}

.navGation{ height: 60px;}

.navGation ul{ overflow: hidden;}

.navGation ul li{ float: left; line-height: 60px; color: #333; font-size: 20px;}

.navGation ul li a{ color: #333;}

.copyRight{ width: 100%; height: 80px; background: #003f7e;}

.copyRight .copyRightBox{ position: relative; height: 100%; line-height: 40px; text-align: center; font-size: 16px; color: #fff;}

.copyRight .copyRightBox img.logo{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.copyRight .copyRightBox ul{position: absolute; right: 0; overflow: hidden; top: 0;}

.copyRight .copyRightBox ul li{ float: left; margin-left: 30px; line-height: 80px;}

.copyRight .copyRightBox ul li img{ display: inline-block; vertical-align: middle;}

.AppTop{ display: none;}

.sideBar{ display: none;}
.foo1-fenx{ position:absolute; right:0px; top:0px;}



.UpLink ul li.langge a{ border:red 1px solid}



.UpLink ul li .header-lan-div{position: absolute;left: 0;right: 0;top: 23px;border: 1px solid #ccc;border-top: 0; z-index:9999; display:none}

.UpLink ul li.langge a:hover .header-lan-div{display:block;}

.UpLink ul li .header-lan{width: 70px;position: relative;background-repeat: no-repeat;background-position: 90% center; margin-top:7px;}

.UpLink ul li .header-lan span{display: block;width: 100%;height: 23px;border:1px solid #ccc;line-height: 21px;font-size: 14px;line-height: 1.42857143;color: #fff;cursor: pointer;background-repeat: no-repeat;background-position: 8px center;padding-left: 30px;}

.UpLink ul li .header-lan .header-lan-div{position: absolute;left: 0;right: 0;top: 23px;border:1px solid #ccc;border-top: 0;display: none; z-index:99999}

.UpLink ul li .header-lan .header-lan-div a{display: block;line-height: 23px;height: 23px;background-repeat: no-repeat;background-position: 8px center;background-color: #fff;padding-left: 30px; color:#333}

.UpLink ul li .header-lan .header-lan-div a:hover:{background-color: #ddd;}

.UpLink ul li .header-lan:hover .header-lan-div{display: block;}

.homevideo{ height:750px;}









.header-lan .form-control{

	height: 23px;

	padding: 0;

	padding-left: 10px;

	border-radius: 0;

	border-color:#dfdfdf;

	box-shadow: none!important;

}



.contact-form {position: absolute;background-color: #fff; border-radius: 5px;bottom: 70px; width: 365px; right: 0%;  border: 1px solid #ddd; text-align: left;display: none; color: #333;

}

.contact_a { position: fixed;right: 25px;bottom:85px;width: 170px; border-radius: 20px;background-color: #003f7d;z-index: 1005;text-align: center; border:1px solid #fff; height:52px;}

.contact_a .show_form{height: 50px;line-height: 50px; color: #fff;font-size: 16px;font-weight: bold;}

.contact-form .conttop{ background-color:#003f7d; height:60px; width:100%; color:#fff; padding-left:30px; line-height:60px;padding-right:30px;}

.conttop .close{ float:right; font-size:1.5rem}

.contact-form .imgste{ padding:10px;}

.contact-form .imgste img{  width:100%; height:auto}

.contact-form .messtk{ padding:10px; line-height:24px;}

.contact-form form{ padding:10px;}

.contact-form ul li{ padding-bottom:10px;}

.contact-form ul li .input{ border:1px solid #d4d4d4; line-height:35px; width:96%; padding-left:2%; padding-right:2%;}

.contact-form ul li .code2{ margin: 0 10px; padding: 3px;text-align: center;color: black;border:1px solid #d4d4d4;}

.contact-form .footbut{background-color: #003f7d; padding:10px 20px 10px 20px; color:#fff;}

.contact-form ul li.butP{ padding-top:20px; padding-bottom:25px;}

.banner img{width:100%}









.pagination {

  display: inline-block;

  padding-left: 0;

  margin: 20px 0;

  border-radius: 4px;

}

.pagination > li {

  display: inline;

}

.pagination > li > a,

.pagination > li > span {

  position: relative;

  float: left;

  padding: 6px 12px;

  margin-left: -1px;

  line-height: 1.42857143;

  color: #003f7d;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #ddd;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span {

  margin-left: 0;

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  z-index: 2;

  color: #003f7d;

  background-color: #eee;

  border-color: #ddd;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  z-index: 3;

  color: #fff;

  cursor: default;

  background-color: #003f7d;

  border-color: #003f7d;

}

.pagination > .disabled > span,

.pagination > .disabled > span:hover,

.pagination > .disabled > span:focus,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

  color: #777;

  cursor: not-allowed;

  background-color: #fff;

  border-color: #ddd;

}

.pagination-lg > li > a,

.pagination-lg > li > span {

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.3333333;

}

.pagination-lg > li:first-child > a,

.pagination-lg > li:first-child > span {

  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;

}

.pagination-lg > li:last-child > a,

.pagination-lg > li:last-child > span {

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

}

.pagination-sm > li > a,

.pagination-sm > li > span {

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

}

.pagination-sm > li:first-child > a,

.pagination-sm > li:first-child > span {

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

}

.pagination-sm > li:last-child > a,

.pagination-sm > li:last-child > span {

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}

.pager {

  padding-left: 0;

  margin: 20px 0;

  text-align: center;

  list-style: none;

}

.pager li {

  display: inline;

}

.pager li > a,

.pager li > span {

  display: inline-block;

  padding: 5px 14px;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 15px;

}

.pager li > a:hover,

.pager li > a:focus {

  text-decoration: none;

  background-color: #eee;

}

.pager .next > a,

.pager .next > span {

  float: right;

}

.pager .previous > a,

.pager .previous > span {

  float: left;

}

.pager .disabled > a,

.pager .disabled > a:hover,

.pager .disabled > a:focus,

.pager .disabled > span {

  color: #777;

  cursor: not-allowed;

  background-color: #fff;

}

  　.swiper-button-next.active.focus,

　　.swiper-button-next.active:focus,.swiper-button-next.focus,

　　.swiper-button-next:active.focus,.swiper-button-next:active:focus,

　　.swiper-button-next:focus{ outline:none; }

　　.swiper-button-next{



    border: none!important;

　　}



@media (min-width:1920) and (max-width:2500px ) {

 .indexContainer .layer2 ul li{ width: 20%; float: left; overflow: hidden;}

  .indexContainer .layer2 ul li .box .text {bottom: -65px;}

   .homevideo{ height:1200px;}

 

}



@media (max-width:1680px ) {

    .top .topBox{ width: 1400px; margin: 0 auto;}

    .top .topBox .nr .nav{ float: right; margin-right: 40px;}

    .w1600 {width: 1400px;margin: 0 auto;}

    .indexContainer .layer2 ul li{ width: 20%; float: left;  overflow: hidden;}

    .indexContainer .layer1 .layer1Box ul li .icon{ background: #fff; position: relative; height: 200px;}



     .indexContainer .layer5 .nr .icon{ float: left; width: 180px; height: 180px; position: relative;}

    .indexContainer .layer5 .nr .text{ width: calc(100% - 180px); float: left;}

    .homevideo{ height:800px;}

    .top .topBox .nr .nav ul li .nrBox .main{  width: 1400px; }

}



@media (max-width:1440px ) {

    .top .topBox{ width: 1140px; margin: 0 auto; }

    .top .topBox .nr .nav{ float: right; margin-right: 40px;}

    .w1600 {width: 1140px;margin: 0 auto;}

    

    .top .topBox .nr .serach{  width: 270px;}

    .top .topBox .nr .nav ul li{margin:0px;}

    .top .topBox .nr .nav ul li .enter{ padding:0px 15px 0px 15px; font-size:18px}

     .homevideo{ height:700px;}

      .top .topBox .nr .nav ul li .nrBox .main{  width: 1140px; }

}







@media (max-width:1000px ) {

	.w1600{ width: 100%;}
     .top .topBox{width:100%}
	.contact_a{display:none}

	 body{ padding-top: 60px;}

	 .top_height{display:none}
.top .topBox .nr .serach{width:180px}
	 .homevideo{height:300px;}
.top .topBox .nr .nav ul li .enter{font-size:14px;}
     .logo_pc a img{width:200px; height:auto}
	.case2List{ padding: 15px; box-sizing: border-box;}

	.case2List ul li{ width: 100%; height: auto; margin-bottom: 15px;}

	.AppTop{ display: block; position: fixed; left: 0; top: 0; z-index: 100; background: #003f7e; width: 100%; height: 60px; padding: 0 15px; box-sizing: border-box; box-shadow:0 0 10px rgba(0,0,0,.1);}

	.AppTop .logo{ float: left; height: 60px; line-height: 60px;}

	.AppTop .logo img{ display: inline-block; height: 30%; width: auto; vertical-align: middle;}



	.PopLeft{ display: none;}

	.PopRight{ display: none;}

	.AppTop .sideClick{transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 28px; height: 24px;}

	.AppTop .sideClick span{transition: 0.5s; display: block; width: 100%; height: 3px; background: #fff; position: absolute;}

	.AppTop .sideClick span:nth-child(1){ left: 0; top: 0;}

	.AppTop .sideClick span:nth-child(2){ left: 0; top: 50%; transform: translateY(-50%);}

	.AppTop .sideClick span:nth-child(3){ left: 0; bottom: 0;}

	.AppTop .sideClick.on{ transform: translateY(-50%) rotate(-180deg);}

	.AppTop .sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}

	.AppTop .sideClick.on span:nth-child(2){ width: 0;}

	.AppTop .sideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}

	.sideBar{ z-index: 101; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: block; position: fixed; transition: 0.5s; width: 70%; left: -100%; height: 100vh; background: #444; top: 0; width:80%;}

	.sideBar .logo{ padding: 50px 0;}

	.sideBar .logo img{ display: block; width: 60%; height: auto; margin: 0 auto;} 

	.sideBar .nav{ width: 90%; margin: 0 auto;}

	.sideBar .nav ul li { line-height: 35px;}

	.sideBar .nav ul li a{ font-size: 14px; color: #333;}

	.sideBar .nav ul li a{ color: #fff;}

	#side_nav li ul{display:none}

	.indexContainer .tit{ padding: 20px 0; text-align: center; font-size: 18px;}

	.indexContainer .tit p{ font-size: 12px; padding: 10px 20px 0 20px;  line-height: 16px;}


	.footer .footerBox{ display: none;}

	.indexContainer .layer7{ padding: 20px 0;}

	.copyRight .copyRightBox{ width: 100%; height: auto; padding:0 ;}

	.navGation{ height: 40px; line-height: 40px;}

	.navGation ul li{ line-height: 40px; font-size: 12px;}

	.navGation ul li a{ font-size: 12px;}

	.copyRight{ padding: 20px 0; height: auto; line-height: 22px;}

	.copyRight .copyRightBox{ height: auto; line-height: 22px; padding: 0 15px; box-sizing: border-box; font-size: 14px;}

	.copyRight .copyRightBox img.logo{ position: relative; left: auto; top: auto; transform: none; margin: 0 auto 20px auto;}

	.copyRight .copyRightBox ul{ position: relative; left: auto; top: auto; transform: none; width: 100%; text-align: center;}

	.copyRight .copyRightBox ul li{ float: inherit; margin: 0 5px; display: inline-block;}

	.indexContainer .tit{ padding:30px 0; box-sizing: border-box; font-size: 18px;}

	.indexContainer .layer10{ padding-bottom: 20px;}

	.indexContainer .layer10Box .icon{ width: 100%; height: auto;}

	.indexContainer .layer10Box{ height: auto;}

	.indexContainer .layer10Box .icon img{ width: 100%; height: auto;}

	.indexContainer .layer10Box .text{ width: 100%; padding: 20px; box-sizing: border-box;}

	.indexContainer .layer10Box .text h2{ font-size: 18px;}

	.indexContainer .layer10Box .text p{padding-bottom: 10px; width: 100%; font-size: 12px; line-height: 24px; height: auto;}

	.indexContainer .layer10Box .text img{ width: 100%; height: auto;}

	.indexContainer .layer11Box .nr{ width: 100%; padding: 0;}

	.indexContainer .layer11Box .nr .bt{ width: 100%; text-align: center; height: auto; font-size: 18px; line-height: 50px;}

	.indexContainer .layer11Box .nr .main{ width: 100%; padding: 0 20px; box-sizing: border-box;}

	.indexContainer .layer11Box .nr .main ul li .tx h2{ font-size: 16px;}

	.indexContainer .layer11Box .nr .main ul li .tx p{ font-size: 12px; line-height: 22px;}

	.indexContainer .layer11Box .nr .main dl dd{ width: 100%; margin: 0 0 15px 0;}

	.indexContainer .layer11Box .nr .mianBox .tp{ width: 100%;}

	.indexContainer .layer11Box .nr .mianBox .tp img{ width: 100%; height: auto;}

	.indexContainer .layer11Box .nr .mianBox .tx{ width: 100%; height: auto; padding: 0;}

	.indexContainer .layer8 .bt{ text-align: center; font-size: 14px; text-align: center;}

	.indexContainer .layer8 ul{ width: 100%; padding: 0 10px; box-sizing: border-box;}

	.indexContainer .layer8 ul li{ width: 100%; margin: 0 0 15px 0; height: auto;}

	.indexContainer .layer8 ul li .icon{ width: 100%; }

	.indexContainer .layer8 ul li .icon img{ width:100%; height:auto}

	.indexContainer .layer8 ul li .text{ width: 100%; height: auto; padding:0 20px 20px 20px; box-sizing: border-box;}

	.indexContainer .layer8 ul li .text p{ height: auto; padding-bottom: 10px;}

	

	.indexContainer .layer2 ul li{ width: 100%;  overflow: hidden;}

	.indexContainer .layer2 ul li .box{ margin-bottom: 10px;}

	.indexContainer .layer2 ul li .big{ width: 100%;}

	.indexContainer .layer2 ul li .small{ width: 100%;}

	.indexContainer .layer2 ul li .box img{ width: 100%;}

	.indexContainer .layer6{ padding: 0 10px; box-sizing: border-box;}

	.indexContainer .layer6 ul li{ width: 100%; margin-bottom: 10px;}

	.indexContainer .layer7 .hd{ padding: 20px 0;}

	.indexContainer .layer7 .hd ul li{ width: 32%; font-size: 14px;}

	.indexContainer .layer9 .nr1 .icon{ width: 100%; height: 300px;}

	.indexContainer .layer9 .nr1 .icon img{ height: 60%; width: auto;}

	.indexContainer .layer9 .nr1{ height: auto;}

	.indexContainer .layer9 .nr1 .text{ width: 100%; padding: 20px;}

	.indexContainer .layer9 .nr1 .text h2{ font-size: 18px;}

	.indexContainer .layer9 .nr2 img{ height: 600px; width: auto;}

	.indexContainer .layer9 .nr2 .text{ padding: 0 20px; box-sizing: border-box;}

	



}